@import  '../../uni.scss';
.u-tr{
	border: 1px solid #f8f8f8;
	border-top: none;
	>view{
		word-wrap:break-word;
		word-break:break-all;
		min-height: 60rpx;
		height: 100%;
		align-items: center;
	}
}
.fgx{
	height: 20rpx;
	background-color: $uni-bg-color-grey;
}
.flexR{
	display: flex;
	flex-direction: row;
}
.flexC{
	display: flex;
	flex-direction: column;
}
.font12{
	font-size: 24rpx;
}
.bg-light{
	background-color: $theme-color-light;
}
.table-th{
	background-color: #D5FAED;
}
.text-fff{
	color: #fff;
}
.grad-home-header {
    background-image: linear-gradient(to right, #45EEC9, #31CADF);
}
.grad-home-register {
    background-image: linear-gradient(to right, #31CADF, #45EEC9);
}
.radius6{
	border-radius: 12rpx;
}

// 温馨提示
.reminder{
	padding: 44rpx 50rpx;
	background-color: $uni-bg-color;
	>.reminder-title{
		font-size: 28rpx;
		font-weight: bold;
		color: #FB751C;
		margin-bottom: 20rpx;
	}
	>.reminder-content{
		font-size: 24rpx;
		color: #B3B3B3;
		line-height: 30rpx;
	}
}

// 卡片样式
.card{
	background-color: $uni-bg-color;
	color: #B5B5B5;
	font-size: 24rpx;
	.title{
		padding: 0 30rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		height: 76rpx;
		>.left{
			text:first-child{
				margin-right: 8rpx;
			}
			display: flex;
			flex-direction: row;
			align-items: center;
		}
		>.right{
			.u-btn{
				// border-radius: 6px;
			}
		}
	}
	.main{
		padding: 36rpx 28rpx;
		justify-content: space-between;
		align-items: center;
		>.left{
			flex: 1;
		}
		.row{
			line-height: 25px;
			color: $text-color;
			>text{
				display: inline-block;
				color: #B5B5B5;
				width: 60px;
				text-align: right;
				font-size: 12px;
			}
		}
		>.right{
			width: 20px;
		}
	}
}
// 按钮样式
.theme-light-btn{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: $theme-color-light;
	font-size: 34rpx;
	border-radius: 12rpx;
	color: $text-color-fff;
}
// 按钮样式
.theme-fff-btn{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid $border-color;
	font-size: 34rpx;
	border-radius: 12rpx;
	color: $text-color;
}
// 用户确认按钮组
.confirm-btn{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	>view{
		font-size: 16px;
		flex: 1;
		margin: 10rpx;
		height: 90rpx;
		min-width: 40%;
		background-color: $theme-color-light;
		color: $text-color-fff;
		box-shadow: 3px 3px 3px rgba($color: #000000, $alpha: 0.12);
		text-align: center;
		line-height: 90rpx;
		border-radius: 12rpx;
	}
	>view:first-child{
		background-color: $uni-bg-color;
		color: $text-color;
	}
}

// 单行样式
.card-row{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 28rpx;
	color: $text-color;
	>label{
		color: $text-color-grey;
		display: inline-block;
		width: 150rpx;
		text-align: right;
	}
	>text.money{
		color: $orage-color;
		margin-right: 6rpx;
	}
}

// 分割块
.div-cut{
	height: 10rpx;
	background-color: #eee;
}

// 锯齿
.sawtooth{
	height: 20rpx;
	overflow: hidden;
	>image{
		width: 100%;
		height: 100%;
	}
}
// 黄色
.text-H{
	color: #ffad37;
}
.bg-H{
	background-color: #ffad37;
}

// 表单项样式
.form-item{
	display: flex;
	align-items: center;
	>label{
		color: $text-color-grey;
	}
	>view{
		margin-left: 10rpx;
		flex: 1;
		border: 1px solid $border-color;
		border-radius: 30px;
		height: 40px;
		display: flex;
		align-items: center;
		padding: 0 10px;
		input{
			min-height: 30px !important;
			height: 30px;
			padding: 0;
		}
	}
}
// 原点徽标
.huibiao{
	position: absolute;
	display: inline-block;
	width: 10rpx;
	height: 10rpx;
	border-radius: 50%;
	background-color: #f00;
	top: 33rpx;
	left: 15rpx;
}

.tcard {
  background: #FFFFFF;
  border-radius: 8upx;
  padding: 16upx;
  margin-bottom: 24upx;
  .title {
    position: relative;
    padding-left: 24upx;
    margin-bottom: 24upx;
    &:before {
      content: '';
      width: 6upx;
      height: 28upx;
      background: #366AA4;
      border-radius: 6upx;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

.tform {
  .tform-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24upx 16upx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 28upx;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    .label {
      color: rgba(0,0,0,0.5);
    }
    .value {
      color: rgba(0,0,0,0.7);
    }
  }
  &.no-border {
    .tform-item {
      border: none;
      padding: 8upx;
    }
  }
  &.left {
    .tform-item {
      justify-content: flex-start;
    }
  }
}

.info-box {
  padding: 24upx;
  background-color: #F4F8FF;
  color: rgba(0,0,0,0.7);
  border-radius: 8upx;
  .info-box-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
// 底部按钮默认样式
.btm-btn {
  width: 622upx;
  height: 80upx;
  line-height: 80upx;
  color: #FFF;
  text-align: center;
  border-radius: 64upx;
  background-color: $theme-color;
  margin: 0 auto;
  // margin: 0 32upx;
}
.line {
  height: 1px;
  // border-top: 1px dashed rgba(0,0,0,0.4);
  background-image: linear-gradient(to right, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 60%, transparent 50%);
  background-size: 10px 1px;
  background-repeat: x-repeat;
}
.toDetail {
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 28upx;
  color: #3E81F7;
  line-height: 72upx;
  text-align: center;
}

.red {
  color: #FF7F7F !important;
}

.tig_status {
  float: right;
  width: 120upx;
  height: 36upx;
  line-height: 36upx;
  text-align: center;
  background: #E2E2E2;
  border-radius: 4upx;
  color: #FFF;
  &.success {
    background-color: #5DD2B1;
  }
  &.err {
    background-color: #FF7F7F;
  }
  &.warning {
    background-color: #FF9E49;
  }
}

* {
	margin: 0;
	padding: 0;
}
.start-center{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.justify-content-center {
	display: flex;
	justify-content: center;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
}

.baseline {
	display: flex;
	align-items: baseline;
}

.align-center {
	display: flex;
	align-items: center;
}

.between-align {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.between {
	display: flex;
	justify-content: space-between;
}
.between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.align-between{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}


.mar-5 {
	margin: 5px;
}

.mar-10 {
	margin: 10px;
}
.mar-0-10 {
	margin:0 10px ;
}
.mar-10-0 {
	margin: 10px 0;
}

.mar-15 {
	margin: 15px;
}

.mar-15-0 {
	margin: 15px 0;
}
.mar-20-0{
	margin: 20px 0;
}
.mar-0-5 {
	margin: 0 5px;
}

.mar-5-0 {
	margin: 5px 0;
}

.mar-5-10 {
	margin: 5px 10px;
}

.pad-5 {
	padding: 5px;
}

.pad-0-5 {
	padding: 0 5px;
}
.pad-5-0 {
	padding:  5px 0;
}

.pad-10 {
	padding: 10px;
}

.pad-10-0 {
	padding: 10px 0;
}

.pad-0-10 {
	padding: 0 10px;
}

.pad-5-10 {
	padding: 5px 10px;
}
.pad-16r{
	padding: 16rpx;
}
.pad-16r-0{
	padding: 16rpx 0;
}
.pad-0-16r{
	padding:0 16rpx;
}
.pad-b-16r{
	padding-bottom: 16rpx;
}
.pad-8r-0{
	padding: 8rpx 0;
}
.pad-20 {
	padding: 20px;
}

.pad-0-20 {
	padding: 0 20px;
}

.pad-20-0 {
	padding: 20px 0;
}

.pad-0-20-20-20 {
	padding: 0 20px 20px 20px;
}

.over {
	flex: 1;
	text-align: left;
}

/* 单行溢出 */
.over-1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 显示两行，超出部分使用...省略 */
.over-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.over-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}


.bg-color-to {
	/* height: 100vh; */
	min-height: 100vh;
	overflow: auto;
	background: linear-gradient(to bottom, #defb06, #e93908);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.bg-white {
	background-color: white;
}

.bg-gray {
	background-color: gray;
}

.bg-gray-a {
	background-color: rgb(248, 240, 240);
}

.bg-gray-b {
	background-color: rgba(248, 240, 240, 0.5);
	border-radius: 10px;
}

.bg-red {
	background-color: red;
}

.bg-green {
	background-color: green;
}

.bg-blue {
	background-color: blue;
}

.bg-yellow {
	background-color: yellow;
}

.bg-blueviolet {
	background-color: blueviolet;
}

.bg-aqua {
	background-color: aqua;
}

.bg-darksalmon {
	background-color: darksalmon;
}

.bg-olive {
	background-color: olive;
}

.bg-black {
	background-color: black;
}

.border-bottom-gray {
	border-bottom: 2px solid rgba(128, 128, 128, 0.342);
}

.border-radius {
	border-radius: 45px 45px 45px 45px;
}
.border-radius-16r {
	border-radius: 16rpx;
}

.radius-5 {
	border-radius: 5px;
}

/* 从上到下的水平渐变 */
/* background: linear-gradient(to bottom, #ff0000, #ffff00); */

/* 从左到右的垂直渐变 */
/* background: linear-gradient(to right, #ff0000, #ffff00); */

/* 对角线渐变 */
/* background: linear-gradient(45deg, #ff0000, #ffff00); */

/* 自定义起始点和结束点的位置 */
/* background: linear-gradient(270deg, #ff0000 10%, #ffff00 90%); */
.font-big {
	font-weight: bold;
	font-size: 25px;
}

.font-weight {
	font-weight: bold;
}

.font-size-50 {
	font-size: 50px;
}

.font-size-35 {
	font-size: 35px;
}

.font-size-25 {
	font-size: 25px;
}

.font-size-20 {
	font-size: 20px;
}

.font-size-15 {
	font-size: 15px;
}

.font-size-10 {
	font-size: 10px;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.font-input {
	line-height: 80px;
	height: 80px;
	display: flex;
	border-radius: 10px;
	background-color: white;
	margin: 20px 0;
}

#icon {
	font-size: 30px !important;
	margin: 0 10px !important;
}

.font-input input {
	flex: 1;
	font-size: 20px !important;
	line-height: 50px;
	height: 50px;
}

.font-btn {
	border-radius: 10px;
	background-color: #17ff32;
	line-height: 80px;
	height: 80px;
	margin: 20px 0;
	font-size: 30px;
}

.sub-btn {
	position: absolute;
	right: 0;
	padding: 10px;
	z-index: 999;
}

.width-80 {
	width: 80px;
}

.width-100 {
	width: 100px;
}

.width-200 {
	width: 200px;
}

.width-500 {
	width: 500px;
}

.width-800 {
	width: 800px;
}

.width-harf {
	width: 50%;
}

.flex-1 {
	flex: 1;
}

.color-white {
	color: white;
}

.color-red {
	color: red;
	font-weight: bold;
}

.color-gray {
	color: gray;
}

.color-yellow {
	color: yellow;
}

.color-blue {
	color: blue;
}

.color-green {
	color: green
}

.color-purple {
	color: purple;
}

.color-darkorange {
	color: darkorange
}
.color-btn{
	color: rgb(77,211,230);
}
.input {
	line-height: 35px;
	width: 200px;

}
.line-height-50 {
	line-height: 50px;
}
.line-height-35 {
	line-height: 35px;
}
.line-height-20 {
	line-height: 20px;
}

.el-menu-demo {
	width: 80%;
	overflow: auto;
	display: flex;
	flex-wrap: nowrap;
}

ul {
	list-style: none;
}

.img-list {
	width: 200px;
	height: 200px;
	margin-left: 20px;

}

.line-through {
	text-decoration: line-through;
}

.col-title {
	font-size: 15px;
	color: blue;
	font-weight: bold;
}

.row-title {
	font-size: 20px;
	color: blue;
	font-weight: bold;
}

.el-dialog__body {
	padding: 0 !important;
}

.el-dialog__header {
	padding: 0 !important;
}

.el-dialog__wrapper {
	background-color: black !important;
}

.height-35 {
	height: 35px;
	line-height: 35px;
	color: white;
	font-weight: bold;
}


.avatar {
	border-radius: 45px 45px 45px 45px;
	width: 80px;
	height: 80px;
}

.avatar-square {
	width: 80px;
	height: 80px;
}

.no-wrap {
	white-space: nowrap;
}

.business-desc {
	max-height: 500px;
	overflow: auto;
	margin: 5px;
	background-color: aliceblue;
	padding: 0 5px;
}

.option-img {
	width: 50px;
	height: 50px;
}

/* 置顶 */
.icon-zhiding1 {
	font-size: 40px;
	color: blue;
	line-height: 50px;
}

.height-50 {
	height: 50px;
	line-height: 50px;
}

.height-80 {
	height: 80px;
	line-height: 80px;
}

.height-100 {
	height: 100px;
	line-height: 100px;
}

/* 抽屉标题样式 */
.custom-drawer .el-drawer__header {
	background-color: #3f5cfb;
	margin: 0;
	padding: 10px 20px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: white;
}

.custom-drawer .el-drawer__title {
	line-height: 50px;
	height: 50px;
}

.auditing-success {
	background-color: green;
	padding: 5px 10px;
	color: white;
}

.auditing-error {
	background-color: gray;
	padding: 5px 10px;
	color: white;
}

.auditing-red {
	background-color: red;
	padding: 5px 10px;
	color: white;
}

.auditing-orange {
	background-color: orange;
	padding: 5px 10px;
	color: white;
}

.auditing-blue-a {
	background-color: rgb(0, 225, 255);
	padding: 5px 10px;
	color: white;
}

.auditing-blue-b {
	background-color: rgb(169, 200, 143);
	padding: 5px 10px;
	color: white;
}

.auditing-black {
	background-color: black;
	padding: 5px 10px;
	color: white;
}

input[aria-hidden="true"] {
	display: none !important;
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
	box-shadow: none !important;
}

/* a标签去除下划线 */
a {
	text-decoration: none;
}

a:link {
	color: blue;
}

a:visited {
	color: blue;
}

/* 展开查询条件下边距为0 */
.el-collapse-item__content {
	padding-bottom: 0 !important;
}

.ql-editor {
	font-size: 16px;
}

.ql-editor img {
	width: 100%;
	height: auto;
}

.editor-height {
	overflow: auto;
	max-height: 200px;
}
.btn-confirm {
	width: 90%;
	margin: 60rpx 5% 0 5%;
	height: 88rpx;
	background: linear-gradient(90deg, #6ed6f7 0%, #3ec6e7 100%);
	color: #fff;
	font-size: 32rpx;
	border-radius: 44rpx;
	text-align: center;
	line-height: 88rpx;
	box-shadow: 0 4rpx 12rpx rgba(65, 207, 230, 0.15);
	border: none;
}
.btn-cc{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 15px 0;
	.cancel{
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid rgb(61,194,234);
		border-radius: 16rpx;
		padding: 10px 40px;
		
		width: 40%;
		.text{
			text-align: center;
				height: 15px;
		font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
		font-weight: 400;
		font-size: 14px;
		color: #2E6D78;
		line-height: 15px;
		text-align: left;
		font-style: normal;
		text-transform: none;
		}
	
	}
	.comfirn{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40%;
		background-color:rgb(61,194,234) ;
		border-radius: 16rpx;
		padding: 10px 40px;
		.text{
			text-align: center;
			height: 15px;
		font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
		font-weight: 400;
		font-size: 14px;
		color: #FFFFFF;
		line-height: 15px;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
		}
		
}
.border-col{
	border-left: 3px solid blue;
	padding: 0 10px;
	margin: 10px 0;
}
.border-row{
	border: 1px dashed rgb(237,242,250);
}
.item{
	background-color: white;
	padding: 16rpx;
	border-radius: 16rpx;
	margin-bottom: 16rpx;
	box-shadow: 0 5px 1000px 1rpx #e0e2e7;
}
.item-title{
	width: 60px;
	height: 30px;
	font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align: justify;
	text-align-last: justify;
	margin-right: 10px;
}
.item-title-100{
	width: 100px;
	height: 30px;
	font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
	line-height: 30px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	text-align: justify;
	text-align-last: justify;
	margin-right: 10px;
}
// 用于显示标题和标题下面的背景
.group-title {
		display: flex;
		justify-content: flex-start;
	}

	.group-name {
		font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
		font-weight: 400;
		font-size: 16px;
		color: #333333;
		line-height: 15px;
		/* text-align: center; */
		font-style: normal;
		text-transform: none;
	}

	.group-bg {
		width: 50%;
		height: 6px;
		background: #41CFE6;
		border-radius: 0px 0px 0px 0px;
	}